<template>
  <div id="cnki">
      <iframe src="http://www.cnki.net/" name="cnki" class="cnki-frame"></iframe>
  </div>
</template>

<script>
export default {
  name: 'cnki',
  methods:{
      init_style:function(){
        $("#searchInput").addClass("search-up")
        $('.mask').hide()
        $(".logo").addClass("logo-up")
        $(".logo").addClass("logo-small")
        $('.start-search').hide()
        $('.genre').hide()
        $('body').removeClass('change-bg')
        $("#footer").removeClass("home-footer")
        setTimeout(() => {
            this.loading_show = false
            this.article_show = true
        }, 2000);
      }
  },
  created:function() {

  },
  mounted:function() {
    this.init_style()
    window.scrollTo(0,0)
  },
  destroyed:function() {
    $(".logo").removeClass("logo-small")
  }
}
</script>

<style>
.cnki-frame {
    margin-top:40px;
    width: 100%;
    height: 47em; 
    position: relative;
    z-index: 998;
}
</style>
